import React,{ PureComponent } from 'react'
import { connect } from 'react-redux'
import { RecommondWrapper, RecommondItem } from '../styled'
class Recommond extends PureComponent{
    render(){
        const { recommondList } = this.props
        return <div>
            <RecommondWrapper>
                {
                    recommondList.map((item)=>(
                        <RecommondItem url={item.get('imgUrl')} key={item.get('id')}/>
                    ))
                }
            </RecommondWrapper>
        </div>
    }
}
const mapState = (state)=>({
    recommondList: state.getIn(['home','recommondList'])
})
export default connect(mapState,null)(Recommond)
